@import 'src/styles/variables.scss';

.formWrap{
    .addCode{
     color:$basic;
   }
     height: calc(100vh - 72px);
     box-sizing: border-box;
     padding-left:16px;
     padding-right:16px;
     min-width: 1100px;
     display: flex;
     flex-direction: column;
     .operation-formWrap{
       height: 40px;
     }
     .operation{
       padding-top: 5px;
       padding-bottom: 5px;
       display: flex;
       justify-content: space-between;
       .input{
       width: 70px;
       }
       .left{
         float:left;
         span{
           color:'#6E7180';
           font-size: 12px;
           &:nth-of-type(1){
             margin-right:10px;
           }
           &:nth-of-type(2){
             margin-left:6px;
           }
           &:nth-of-type(3){
             margin-left:15px;
             margin-right:10px;
           }
         }
         .btn{
           margin-left:32px;
         }
         button{
           margin-right: 0px;
           margin-left:5px;
         }
       }
       .middle{
           float: left;
           button{
             margin-right:0px;
             margin-left:5px;
           }
       }
       .right{
         float: right;
         .span{
           font-size: 12px;
           color:#606266;
         }
         i{
           margin-left:5px;
           margin-right:5px;
         }
          button{
           margin-right:0px;
           margin-left:5px;
         }
       }
     }
     .content{
       flex: 1;
       overflow: scroll;
       background: #fff;
       box-shadow:0px 2px 6px 0px rgba(181,186,197,0.2);
       border-radius:4px;
       box-sizing: border-box;
       padding-top:16px;
       padding-left:16px;
       padding-right:16px;
       padding-bottom:0px;
       .table-left{
         border:1px solid rgba(236,238,247,1);
         &>div:last-child{
             background:rgba(246,248,253,1);
             width:100%;
             height: 0px;
             color:#6E7180;
             font-size: 12px;
             line-height: 28px;
             box-sizing: border-box;
             padding-left:12px;
             position: relative;
             span{
               float: right;
               text-indent: 5px;
               &:nth-of-type(1){
                 width: 70px;
               }
               &:nth-of-type(2){
                 width: 55px;
               }
               &:nth-of-type(3){
                 width: 55px;
               }
             }

         }
       }
       .table-right{
         margin-left:10px;
         border:1px solid rgba(236,238,247,1);
         .top-wrap{
           border-bottom:solid 1px rgb(235, 238, 245);
         }
         .img-box{
           text-align: center;
           .border-table{
             height: 190px;
             border-left: solid 1px rgb(235, 238, 245);
             border-right:solid 1px rgb(235, 238, 245);
           }
           img{
             position: relative;
             top:19px;
             width: 100px;
             height: 100px;
           }
           p{
             box-sizing: border-box;
             padding-left:15px;
             padding-right:15px;
             padding-top:10px;
             text-align: center;
             color:#34353B;
             font-size: 12px;
             line-height: 12px;
             margin-top:5px;
             line-height: 16px;
             &:nth-of-type(1){
               margin-top:15px;
             }
           }
         }
         .btn-box{
           height: 50px;
           box-sizing: border-box;
           padding-top:5px;
           padding-left:10px;
           button{
             margin-right:10px;
             margin-top:5px;
           }
         }
         .amount{
             background:rgba(246,248,253,1);
             width:100%;
             height: 0px;
             color:#6E7180;
             font-size: 12px;
             line-height: 28px;
             box-sizing: border-box;
             padding-left:12px;
             position: relative;
             span{
               float: right;
               width: 165px;
               text-indent: 34px;
             }

         }
       }
       .search-filter-wrap{
         box-shadow: unset;
         // padding-bottom: 12px;
       }
     }
     .table-header_active{
       color:$basic;
     }
   }
   .text-align {
     text-align: center;
   }
   .pdl-10 {
     padding-left: 10px;
   }
